.swiper{height:100vh;position:relative;top:0;transition:1s}
.swiper .swiper-item{height:100vh;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.fp-nav{position:fixed;top:50%;transform:translate(0,-50%);right:20px}
.fp-nav ul{list-style:none}
.fp-nav ul li{display:block;width:14px;height:13px;margin:7px;position:relative}
.fp-nav ul li a{display:block;position:relative;z-index:1;width:100%;height:100%;cursor:pointer;text-decoration:none}
.fp-nav ul li a span{transition:.2s;width:4px;height:4px;border-radius:50%;color:#fff;background-color:#fff;display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.fp-nav ul li a span:hover{width:10px;height:10px}
.fp-nav ul li .fp-nav-active span{width:12px;height:12px}
.fp-nav ul li .fp-nav-active span:hover{width:12px;height:12px}
@media (max-width:768px){
.fp-nav{right:0}
}